<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="./style/common.css">
    <link rel="stylesheet" href="./style/alt.css">
    <link rel="stylesheet" href="./style/rerset.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2605553_bhe3fgrehvq.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"> 
    
    <title>Document</title>
</head>
<body>
    <!-- <header class="header rel">
        <img class="pc100" src="./img/alt.jpg" alt="">
        <p class="circle-box abs flex jc-c">
            <i class="circle">`</i>
            <i class="circle ml-5 on">`</i>
            <i class="circle ml-5">`</i>
        </p>
        <button>城市</button>
    </header> -->
    <div class="swiper-container rel flex">
        <div class="swiper-wrapper abs">
            <!-- <div class="swiper-slide"><img src="https://static.maizuo.com/v5/upload/2fd9cd71b8b73608d28d38435f45ed48.jpg" alt=""></div> -->
        </div>
        <button class="rbs">城市</button>
        <div class="swiper-pagination"></div>
        
    </div>
    <div id="app">

    </div>
    <!-- <div class="alt">
        <img class=" ml-10 mt-10 " src="./img/ying1.jpg" alt="">
        <div class="pp mt-15 ml-90">
            <p class="mt-5 f20">流浪地球 <span>3D</span></p>
            <p class="mt-8 f10">观战评分7</p>
            <p class="mt-8 f10">主演：布莱恩·辛格拉米·马雷克</p>
            <p class="mt-8 f10">英国 美国|135分钟</p>
        </div>
        <button class="abs f10" >购买</button>
    </div>
    <a href="./dianyinye.html">
        <div class="alt">
            <img class=" ml-10 mt-10" src="./img/ying2.jpg" alt="">
            <div class="pp mt-15 ml-90">
                <p class="mt-5 f20">飞驰人生 <span>2D</span></p>
                <p class="mt-8 f10">观战评分7</p>
                <p class="mt-8 f10">主演：布莱恩·辛格拉米·马雷克</p>
                <p class="mt-8 f10">英国 美国|135分钟</p>
            </div>
            <button class="abs f10" >购买</button>
        </div>
    </a>
    <div class="alt">
        <img class=" ml-10 mt-10" src="./img/ying2.jpg" alt="">
        <div class="pp mt-15 ml-90">
            <p class="mt-5 f20">飞驰人生 <span>2D</span></p>
            <p class="mt-8 f10">观战评分7</p>
            <p class="mt-8 f10">主演：布莱恩·辛格拉米·马雷克</p>
            <p class="mt-8 f10">英国 美国|135分钟</p>
        </div>
        <button class="abs f10" >购买</button>
    </div>
    <div class="alt">
        <img class=" ml-10 mt-10 " src="./img/ying3.jpg" alt="">
        <div class="pp mt-15 ml-90">
            <p class="mt-5 f20">黑白魔女库伊拉 <span>2D</span></p>
            <p class="mt-8 f10">观战评分7</p>
            <p class="mt-8 f10">主演：布莱恩·辛格拉米·马雷克</p>
            <p class="mt-8 f10">英国 美国|135分钟</p>
        </div>
        <button class="abs f10" >购买</button>
    </div>
    <div class="alt">
        <img class=" ml-10 mt-10 " src="./img/ying4.jpg"    alt="">
        <div class="pp mt-15 ml-90">
            <p class="mt-5 f20">招魂 <span>2D</span></p>
            <p class="mt-8 f10">观战评分7</p>
            <p class="mt-8 f10">主演：布莱恩·辛格拉米·马雷克</p>
            <p class="mt-8 f10">英国 美国|135分钟</p>
        </div>
        <button class="abs f10" >购买</button>
    </div>
    <div class="alt">
        <img class=" ml-10 mt-10 " src="./img/tu.png" alt="">
        <div class="pp mt-15 ml-90">
            <p class="mt-5 f20">阿丽塔:战斗天使 <span>3D</span></p>
            <p class="mt-8 f10">观战评分7</p>
            <p class="mt-8 f10">主演：布莱恩·辛格拉米·马雷克</p>
            <p class="mt-8 f10">英国 美国|135分钟</p>
        </div>
        <button class="abs f10" >购买</button>
    </div> -->
   
    <div class="nav flex fixed">
        <div class="one ">
            <i class="iconfont ui">&#xe675;</i>
            <p>电影</p>
        </div>
        <a href="./yingyuan.html" class="two ">
            <i class="iconfont sdc">&#xe600;</i>
            <p>影院</p>
        </a>
        <a href="./tehui.html" class="theer">
            <i class="iconfont">&#xe68f;</i>
            <p>特惠</p>
        </a>
        <a href="./login.html" class="four ">
            <i class="iconfont">&#xe629;</i>
            <p>我的</p>
        </a>
    </div>
    <script src="./js/jq.js"></script>
    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"> </script>
    <script src="./js/index.js"></script>
    

    <!-- <script src="./index.js"></script> -->
</body>
</html>